﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style type="text/css">
    .appointment {
        font-size: 16px;
    }

    .appointmentName {
        font-size: 18px;
        font-weight: 800;
        color: black;
    }

    .description {
        width: 90%;
        margin: 0px auto;
        margin-top: 10px;
        font-size: 16px;
    }

        .description td {
            padding: 5px;
            height: 30px;
        }
</style>
<form class="layui-form" action="" style="margin-top: 10px;">
    <div class="layui-form-item">
        <label class="layui-form-label appointment">预约人:</label>
        <div class="layui-form-mid  appointmentName">@ViewBag.SelfName</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label appointment">预约类型:</label>
        <div class="layui-input-block">
            <input type="radio" name="appointmentType" value="3-9k" title="3-9k" checked />
            <input type="radio" name="appointmentType" value="9-15k" title="9-15k" />
        </div>
    </div>
</form>
<div style="width: 90%; margin: 0px auto;">
    <button type="submit" class="layui-btn layui-btn-fluid layui-btn-radius" lay-submit lay-filter="filter-doAppointment"
            style="font-size: 16px; height: 44px;">
        立即预约
    </button>
</div>
<div style="width: 90%; margin: 0px auto; margin-top: 10px;">
    <button type="button" class="layui-btn layui-btn-fluid layui-btn-radius" id="viewMyAppointment" style="font-size: 16px; height: 44px;">
        预约明细
    </button>
</div>
<div style="width: 90%; margin: 0px auto; margin-top: 10px;">
    <button type="button" class="layui-btn layui-btn-fluid layui-btn-radius" id="viewTeamNotAppointment" style="font-size: 16px; height: 44px;">
        查看团队未预约明细
    </button>
</div>
<div class="description">
    <table>
        <thead style="text-align: center;">预约说明</thead>
        <tr>
            <td align="right">预约日期:</td>
            <td align="left">周二、周三、周四、周五</td>
        </tr>
        <tr>
            <td align="right">预约时段:</td>
            <td align="left">09:00 - 18:00</td>
        </tr>
    </table>
</div>
<script type="text/javascript" src="~/Static/Js/appointment.js?rand=0"></script>
